/*注册页*/
body { background-color: #FAFAFA; }
.register { width: 976px; min-height: 548px; margin-top: -12px; padding-top: 60px; padding-left: 12px; padding-right: 12px; background-color: #FFF; }
.reg-hd { height: 44px; line-height: 44px; text-align: center; border-bottom: 1px solid #BFBFBF; }
.reg-hd span { display: inline-block; height: 44px; margin: 0 50px; padding: 0 14px; color: #999; font-size: 16px; }
.reg-hd i { display: inline-block; width: 24px; height: 24px; line-height: 23px; text-align: center; margin-right: 2px; color: #FFF; font-size: 16px; background: url(../images/reg_icon.png) no-repeat 0 -24px; }
.reg-hd .on { color: #333; border-bottom: 3px solid #FD3F3F; }
.reg-hd .on i { background-position: 0 0; }

/*账户信息*/
.reg-bd { padding-top: 56px; }
.reg-step { display: none; }
.reg-bd-con-left { width: 448px; padding-left: 164px; }
.reg-item label { color: #656565; font-size: 14px; float: left; }
.reg-item label span { padding-right: 3px; color: #FD3F3F; vertical-align: middle; }
.reg-item cite { padding-left: 32px; font-size: 14px; color: #999999; background: url(../images/checked_sprite.png) no-repeat 12px -39px; cursor: pointer; }
.reg-item .checked { color: #11ADFF; background-position: 12px 5px; }
.reg-item .random-verify-code input { width: 128px; padding: 9px 12px; }
.reg-bd-con-right { width: 362px; height: 350px; border-left: 1px solid #DADADA; }
.reg-bd-con-right div { width: 260px; text-align: center; }
.reg-bd-con-right div img { margin-top: -24px; }
.reg-bd-con-right p { color: #333333; font-size: 16px; }
.reg-bd-con-right a { display: inline-block; font-size: 14px; color: #FFF; background: #11ADFF; text-align: center; width: 130px; height: 30px; line-height: 30px; border-radius: 4px; margin: 14px 0; }

/*用户协议*/
.protocol { margin-top: 10px; margin-bottom: 20px; padding-left: 16px; color: #656565; background: url(../images/protocol_on.png) no-repeat left; cursor: pointer; }
.protocol_on { background-image: url(../images/protocol.png); }
.protocol a { color: #11ADFF; text-decoration: underline; }
.reg-wrap { padding-left: 82px; }

/*第三方账户*/
.otherAccount { padding-right: 314px;  /* text-align: right; */ padding-left: 170px; }
.otherAccount label { width: 193px; text-align: right; display: inline-block; }
.otherAccount h4 { margin: 0 70px 24px 0; text-align: right; }
.otherAccount .error-tips { text-align: left; }
.otherAccount-con .ui-btn { width: 215px; }
.otherAccount-con .text-link { margin: 0 25px; font-size: 16px; }
.otherAccount-con .account_txt { margin-top: 20px; padding-bottom: 70px; line-height: 26px; font-size: 14px; color: #333333; text-align: left; }

/*注册完成*/
.reg-success { height: 400px; padding-top: 152px; text-align: center; font-size: 14px; }
.reg-success img { margin-bottom: 48px; }
.reg-success p { color: #333333; }
.reg-success span { color: #FD3F3F; }
.reg-success input { margin-top: 52px; }

/* 用户协议弹窗 */
.service-box { display: none; position: absolute; left: 0; top: 0; z-index: 1000; width: 800px; height: 600px; background: #fff; font-size: 14px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .39); color: #666; }
.service-box-hd { height: 40px; line-height: 40px; color: #FFF; background: #12ADFF; background: -webkit-linear-gradient(top, #12ADFF, #4EC9FD); background: -moz-linear-gradient(top, #12ADFF, #4EC9FD); background: -ms-linear-gradient(top, #12ADFF, #4EC9FD); background: -o-linear-gradient(top, #12ADFF, #4EC9FD); background: linear-gradient(top, #12ADFF, #4EC9FD); }
.service-box-hd h4 { font-size: 16px; margin-left: 20px; }
.service-box-wrap { height: 426px; overflow: hidden; }
.service-main { position: relative; float: left; width: 758px; height: 410px; margin: 15px 15px 0 15px; overflow: hidden; }
.service-box-con { position: absolute; top: 0; left: 0; width: 758px; overflow: hidden; }
.service-box h1 { font-size: 20px; text-align: center; padding: 10px; }
.service-box h2 { font-size: 16px; color: #000; padding: 20px 0; }
.service-box h3 { margin-top: 30px; }
.service-box p { text-indent: 2em; line-height: 35px; }
.service-box .p1 { text-indent: 0; }
.service-box i { float: right; width: 24px; height: 24px; background: url(../images/close.png) no-repeat; margin: 9px 16px 0 0; cursor: pointer; }
.service-box .foot-info { text-align: center; margin-top: 40px; line-height: 20px; height: 94px; }

/*自定义滚动条*/
.scrollbar { position: relative; top: 12px; float: right; width: 10px; height: 402px; background: -webkit-linear-gradient(left, #C8CCCE, #F2f2f2); background: -moz-linear-gradient(left, #C8CCCE, #F2f2f2); background: -ms-linear-gradient(left, #C8CCCE, #F2f2f2); background: -o-linear-gradient(left, #C8CCCE, #F2f2f2); background: linear-gradient(left, #C8CCCE, #F2f2f2); -webkit-box-shadow: inset 0 0 5px #eee; -moz-box-shadow: inset 0 0 5px #eee; -ms-box-shadow: inset 0 0 5px #eee; -o-box-shadow: inset 0 0 5px #eee; box-shadow: inset 0 0 5px #eee; border: 1px solid #DED5D5; border-top: none; border-bottom: none; }
.s-arrow-down, .s-arrow-up { position: absolute; left: -1px; width: 10px; height: 10px; background-color: #C3BEBE; border: 1px solid #DED5D5; }
.s-arrow-down { top: -12px; }
.s-arrow-up { bottom: -12px; }
.s-arrow-down span, .s-arrow-up span { position: absolute; left: 1px; width: 0; height: 0; border-left: 4px solid #C3BEBE; border-right: 4px solid #C3BEBE; }
.s-arrow-down span { top: 4px; border-top: 4px solid #333; border-bottom: none; }
.s-arrow-up span { top: 3px; border-bottom: 4px solid #333; border-top: none; }
.s-arrow-down .disabled { border-top-color: #eee; }
.s-arrow-up .disabled { border-bottom-color: #eee; }
.s-bar { position: absolute; left: 0; top: 0; width: 8px; height: 30px; background: -webkit-linear-gradient(left, #4ec9fd, #009DEB); background: -moz-linear-gradient(left, #4ec9fd, #009DEB); background: -ms-linear-gradient(left, #4ec9fd, #009DEB); background: -o-linear-gradient(left, #4ec9fd, #009DEB); background: linear-gradient(left, #4ec9fd, #009DEB); cursor: pointer; border-radius: 5px; border: 1px solid #fff; }